<div>
	<div class="ui-state-default ui-th-ltr ui-jqgrid-htable">
		<table id='tabla' width="100%">
			<caption><?php echo $tabla; ?></caption>
			<thead>
				<tr>
					<td ALIGN="center">PERIODO</td>
				<?php 
				
				
					/*foreach($datos as $key=>$dato){ 
					switch ($dato['Deposito']['MES']) 
					{
						case '01': $mes = 'ENERO';BREAK;
						case '02': $mes = 'FEBRERO';BREAK;
						case '03': $mes = 'MARZO';BREAK;
						case '04': $mes = 'ABRIL';BREAK;
						case '05': $mes = 'MAYO';BREAK;
						case '06': $mes = 'JUNIO';BREAK;
						case '07': $mes = 'JULIO';BREAK;
						case '08': $mes = 'AGOSTO';BREAK;
						case '09': $mes = 'SEPTIEMBRE';BREAK;
						case '10': $mes = 'OCTUBRE';BREAK;
						case '11': $mes = 'NOVIEMBRE';BREAK;
						case '12': $mes = 'DICIEMBRE';BREAK;
						default: $mes = 'OTROS';BREAK;
					};
					echo '<th scope="col">'. $mes . '</th>';	
				}*/ 
				echo '<th scope="col">ENERO</th>';
				echo '<th scope="col">FEBRERO</th>';
				echo '<th scope="col">MARZO</th>';
				echo '<th scope="col">ABRIL</th>';
				echo '<th scope="col">MAYO</th>';
				echo '<th scope="col">JUNIO</th>';
				echo '<th scope="col">JULIO</th>';
				echo '<th scope="col">AGOSTO</th>';
				echo '<th scope="col">SEPTIEMBRE</th>';
				echo '<th scope="col">OCTUBRE</th>';
				echo '<th scope="col">NOVIEMBRE</th>';
				echo '<th scope="col">DICIEMBRE</th>';				
				?> 		
				</tr> 
			</thead>
			<tbody><tr><?php
			
					if (count($periodos)!=0)
					{
					
						foreach($periodos as $key1=>$periodo)
						{
							echo '<th scope="row">' . $periodo . '</th>';
							foreach($datos as $key=>$dato){							
							if ($dato[$tabla]['PERIODO']==$periodo)
								{
									echo '<td style="border-right-width:20px;" ALIGN="center">'. $dato[$tabla]['monto'].'</td>';
								}
							}
							echo '</tr>';
						}	
					}
					else
					{
						echo '<th scope="row">'. $periodo . '</th>';
						
						/*for ($i=0;$i<12;$i++)
						{
							if ((int)$datos[$i][$tabla]['MES']==($i+1))
								{
									echo '<td ALIGN="center">'. $dato[$tabla]['monto'].'</td>';
								}
							else
								{
									echo '<td ALIGN="center">0</td>';
								}
						}*/
						
						foreach($datos as $key=>$dato){							
								echo '<td ALIGN="center">'. $dato[$tabla]['monto'].'</td>';			
						}
						echo '</tr>';
					} 
				?>
			</tbody>
		</table>
	</div>
</div>
<script type="text/javascript">
$(function(){
	$('#tabla').visualize({type: 'area', height:200, width: '900px', barMargin: 100});
});
</script>